<!-- answer count -->
<input id="answer-count" name="answer-count" type="hidden" value="3" />
<!-- answer form -->
<div class="dynamic-formset form-inline">
    <div id="dynamic-form-0" class="dynamic-form">
        <input id="answer-0-answer" name="answer-0-answer" type="text" 
            placeholder="Answer" required>
            {{ answer_data.answers.0.1 }}
        </input>
        <label class="checkbox">
            <input id="answer-0-is-correct-answer" 
                   name="answer-0-is-correct-answer" 
                   type="checkbox" 
                   {% if answer_data.answers.0.0 %}checked{% endif %}>
                Correct
            </input>
        </label>
        <input id="delete-0-button" class="delete-form btn" 
               name="delete-0-button" type="button" value="Delete" />
    </div>
    <div id="dynamic-form-1" class="dynamic-form">
        <input id="answer-1-answer" name="answer-1-answer" type="text" 
            placeholder="Answer" required />
        <label class="checkbox">
            <input id="answer-1-is-correct-answer" 
                   name="answer-1-is-correct-answer" 
                   type="checkbox">
                Correct
            </input>
        </label>
        <input id="delete-1-button" class="delete-form btn" 
               name="delete-1-button" type="button" value="Delete" />
    </div>
    <div id="dynamic-form-2" class="dynamic-form">
        <input id="answer-2-answer" name="answer-2-answer" type="text" 
            placeholder="Answer" required />
        <label class="checkbox">
            <input id="answer-2-is-correct-answer" 
                   name="answer-2-is-correct-answer" 
                   type="checkbox">
                Correct
            </input>
        </label>
        <input id="delete-2-button" class="delete-form btn" 
               name="delete-2-button" type="button" value="Delete" />
    </div>
</div>
<input id="add-form" class="btn btn-success" type="button" value="Add more" />

